
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer" />
    <title>商品详情</title>
    <link rel="stylesheet" href="./css/goods2.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="header">
        <nav class="navbar">
            <div class="nav_left fl">
                <span>尊敬的用户，您好！</span>
                
                <span class="nav_span">
                    <a href="">请登录</a>
                    <a href="">免费注册</a>
                </span>
            </div>
            <div class="nav_right fr">
                <ul>
                    <li><a href="#">我的学习</a></li>
                    <li><a href="#">个人中心</a></li>
                    <li><a href="#">我的订单</a></li>
                </ul>
            </div>
        </nav>
    </div>
    <!-- 搜索栏 -->
    <div class="head">
        <div class="cont">
            <!-- logo图 -->
            <a href="" class="logo" ">
                <img src="./imgs/logo.jpg" alt="">
            </a>
            <div id="search">
               <!-- 搜索框 -->
               <!-- <img src="./imgs/srcicos.png" alt=""> -->
               <input type="text"class="inp" placeholder="请输入商品名称或粘贴宝贝标题搜索" >
               <ul id="list">
                
               </ul>
            <button class="btn-s">搜索</button>
        </div>
        
           
    </div>
    </div>
   
    <!-- 商品分类 -->
    <div class="nav floor1 floor">
        <a href="./index.html">首页</a>
    <a href="./2.html">好货精选</a>
    <a href="./3.html">疯抢榜</a>
    <a href="./4.html">9块9包邮</a>
    <a href="./5.html">咚咚抢</a>
    <a href="./6.html">每日半价</a>
    <a href="./7.html">折上折</a>
   <a href="./my.html">个人中心</a>
    <div class="register">
        <a href="./login.html">登录</a>
        <a href="./registered.html">注册</a>
    </div>
 
</div>
    <!-- 商品详情 -->
    <div class="Details auto clearfix">
        <div class="smlimg">
            <div class="smlbox">
                <img src="" alt="">
                <span></span>
            </div>
            <div style="width: 375px; overflow: hidden; padding-left: 4px;">
                <ul class="magnifier">
                    
                </ul>
            </div>
            <div class="btns">
                <input type="button" class="iconfont" value="&#xe60e;" id="left">
                <input type="button" class="iconfont" value="&#xe62e;" id="right">
            </div>
        </div>
        <div class="bigimg">
            <img src="" alt="">
        </div>
        <div class="comm_Details">
            <div class="comm_Details_title">
               
            </div>
            <div class="comm_Details_cont">
                <div class="Details_cont_head">
                    <i class="iconfont">&#xe600;</i>
                    <span>直降</span>
                    <b>距离活动结束 86天</b>
                </div>
                <div class="comm_Details_price">
                    <label>活动价</label>
                    <span class="price"></span>
                    <span class="_price"></span>
                </div>
                <div class="Discount">
                    <b for="">优惠券</b>
                    <span>满5-5</span>
                    <span class="iconfont">更多优惠券 &#xe62f;</span>
                </div>
            </div>
            <div class="area">
                <ul>
                    <li class="area_li">
                        <label for="" class="area_left">配送至</label>
                        <div class="area_cen">
                            <span>上海市 &nbsp; </span>
                            <i class="iconfont">&#xe62f;</i>
                            <ul>
                                <li class="active">北京</li>
                                <li>天津</li>
                                <li>河北省</li>
                                <li>山西省</li>
                                <li>山东省</li>
                                <li>上海市</li>
                            </ul>
                        </div>
                        <label for="" class="area_right">该地区有货</label>
                    </li>
                </ul>
            </div>
            <div class="numBtns">
               <ul>
                   <li class="Quantity">
                    <label for="">数量</label>
                    <span class="Less fl">-</span>
                    <span class="num fl">1</span>
                    <span class="push fl">+</span>
                   </li>
                   <li class="purchase">
                      <a href="./cart.html" ><button class="join">加入购物车</button></a>
                      <!-- <button class="join">加入购物车</button> -->
                      <button class="buy">立即购买</button> 
                      <span class="join_span">请先登录</span>
                      <span class="buy_span">商品库存不足，请选择其他商品</span>
                   </li>
               </ul>
            </div>
        </div>
    </div>
</body>
<script src="./js/goods2.js"></script>
</html>